<!-- 主页面 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>家居网</title>
    <!-- 引入css文件 -->
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <link type="text/css" rel="stylesheet" href="css/animate.css" />
    <!-- 引入jQuery文件 -->
    <script src="./js/jquery-1.8.2.min.js"></script>
    <!-- 引入js文件 -->
    <script type="text/javascript" src="js/banner.js"></script>
    <script type="text/javascript" src="js/wow.min.js"></script>
    <script type="text/javascript">
        // css animate动画
        new WOW().init();
    </script>
</head>

<body>
    <!-- 顶部盒子 -->
    <div class="topbox">
        <div class="main">
            <p class="ccsl">您好，欢迎访问本站！</p>
        </div>
    </div>
    <!-- 网站logo -->
    <div class="logo">
        <a href="index.html"><img src="images/logo.png" /></a>
    </div>
    <!-- 列表导航 -->
    <div class="nav">
        <div class="main">
            <ul>
                <li><a href="index.html" class="on">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="product.html">产品中心</a></li>
                <li><a href="news.html">公司动态</a></li>
                <li><a href="case.html">家装案例</a></li>
                <li><a href="news.html">行业动态</a></li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
        </div>
    </div>
    <!-- 轮播图区域 -->
    <div class="banner">
        <div class="b-img">
            <img src="images/banner1.jpg" width="100%" />
            <img src="images/banner1.jpg" width="100%" />
        </div>
        <div class="clear"></div>
        <div class="b-list"> </div>
    </div>
    <!-- 精品案例 -->
    <div class="wow fadeInUp part1">
        <div class="main">
            <div class="L">
                <div class="titbox">
                    <p class="ccsl">某某家装 合作共赢</p>
                </div>
                <div class="conbox">
                    <div class="con">装饰装修公司是集室内设计、预算、施工、材料于一体的专业化设计公司。装饰装修公司是为相关业主提供装修装饰方面的技术支持，包括提供设计师和装修工人。</div>
                </div>
            </div>
            <div class="C">
                <div class="titbox">
                    <p class="ccsl">精品案例</p>
                    <a href="case_xq.html">更多>></a>
                </div>
                <ul>
                    <li>
                        <a href="case_xq.html"><img src="images/1.jpg" /></a>
                    </li>
                    <li>
                        <a href="case_xq.html"><img src="images/2.jpg" /></a>
                    </li>
                </ul>
            </div>
            <div class="R">
                <div class="titbox">
                    <p class="ccsl">Contact us</p>
                    <span class="ccsl">联系我们</span>
                </div>
                <div class="conbox">
                    <div class="con">
                        <p>河北某某家装有限公司</p>
                        <p>联系人：张经理</p>
                        <p>手机：12345678910</p>
                        <p>手机：1234567890（主要负责河北地区）</p>
                        <p>Email：123546897@qq.com</p>
                        <p>地址：河北省邢台市邢台县长兴路13号</p>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- 关于我们 -->
    <div class="wow fadeInUp part2">
        <div class="contitbox">
            <h3 class="ccsl">关于我们</h3>
            <p class="ccsl">About us</p>
            <span class="ccsl">河北某某家装有限公司</span>
        </div>
        <div class="p2con">
            <div class="L">
                <div class="con">装饰装修公司起源:随着现代生活质量水平的提高，客户在对生活品位上也有了较大的改变，因此，如何在一个长久的住所里，舒适开心的生活也就成为了客户越来越关心的问题，装饰公司正是在这种需求下诞生的一种服务型的行业群体，也因为客户需求的不断提高，由此慢慢的带来了设计装修行业的兴起，同时促进了装修公司的发展。装饰装修公司起源:随着现代生活质量水平的提高，客户在对生活品位上也有了较大的改变，因此，如何在一个长久的住所里，舒适开心的生活也就成为了客户越来越关心的问题，装饰公司正是在这种需求下诞生的一种服务型的行业群体，也因为客户需求的不断提高，由此慢慢的带来了设计装修行业的兴起，同时促进了装修公司的发展。</div>
            </div>
            <div class="R">
                <a href="about.html"><img src="images/2.jpg" /></a>
            </div>
        </div>
    </div>
    <!-- 装修风格 -->
    <div class="part3">
        <div class="main">
            <div class="wow fadeInLeft typebox">
                <div class="titbox">
                    <p class="ccsl">装修风格</p>
                    <span class="ccsl">Decorating style</span>
                </div>
                <ul class="hei">
                    <li>
                        <div class="typeone"><a href="product.html">现代简约</a></div>
                        <div class="typetwo">
                            <a href="product.html" class="ccsl">现代简约</a>
                            <a href="product.html" class="ccsl">现代简约</a>
                            <a href="product.html" class="ccsl">现代简约</a>
                        </div>
                    </li>
                    <li>
                        <div class="typeone"><a href="product.html">北欧风格</a></div>
                        <div class="typetwo">
                            <a href="product.html" class="ccsl">北欧风格</a>
                            <a href="product.html" class="ccsl">北欧风格</a>
                            <a href="product.html" class="ccsl">北欧风格</a>
                        </div>
                    </li>
                    <li>
                        <div class="typeone"><a href="product.html">美式风格</a></div>
                        <div class="typetwo">
                            <a href="product.html" class="ccsl">美式风格</a>
                            <a href="product.html" class="ccsl">美式风格</a>
                            <a href="product.html" class="ccsl">美式风格</a>
                        </div>
                    </li>
                    <li>
                        <div class="typeone"><a href="product.html">田园风格</a></div>
                        <div class="typetwo">
                            <a href="product.html" class="ccsl">田园风格</a>
                            <a href="product.html" class="ccsl">田园风格</a>
                            <a href="product.html" class="ccsl">田园风格</a>
                        </div>
                    </li>
                    <li>
                        <div class="typeone"><a href="product.html">中式风格</a></div>
                        <div class="typetwo">
                            <a href="product.html" class="ccsl">中式风格</a>
                            <a href="product.html" class="ccsl">中式风格</a>
                            <a href="product.html" class="ccsl">中式风格</a>
                        </div>
                    </li>
                    <li>
                        <div class="typeone"><a href="product.html">奢华风格</a></div>
                        <div class="typetwo">
                            <a href="product.html" class="ccsl">奢华风格</a>
                            <a href="product.html" class="ccsl">奢华风格</a>
                            <a href="product.html" class="ccsl">奢华风格</a>
                        </div>
                    </li>
                    <li>
                        <div class="typeone"><a href="product.html">地中海风格</a></div>
                        <div class="typetwo">
                            <a href="product.html" class="ccsl">地中海风格</a>
                            <a href="product.html" class="ccsl">地中海风格</a>
                            <a href="product.html" class="ccsl">地中海风格</a>
                        </div>
                    </li>
                    <li>
                        <div class="typeone"><a href="product.html">混搭风格</a></div>
                        <div class="typetwo">
                            <a href="product.html" class="ccsl">混搭风格</a>
                            <a href="product.html" class="ccsl">混搭风格</a>
                            <a href="product.html" class="ccsl">混搭风格</a>
                        </div>
                    </li>
                </ul>
                <div class="more">
                    <a href="product.html">查看更多</a>
                </div>
            </div>
            <ul class="wow fadeInRight proul">
                <li>
                    <div class="pro">
                        <a href="product_xq.html"><img src="images/1.jpg" /></a>
                    </div>
                    <a href="product_xq.html">
                        <p class="ccsl">盛景八方78㎡简美效果图</p>
                    </a>
                </li>
                <li>
                    <div class="pro">
                        <a href="product_xq.html"><img src="images/2.jpg" /></a>
                    </div>
                    <a href="product_xq.html">
                        <p class="ccsl">盛景八方78㎡简美效果图</p>
                    </a>
                </li>
                <li>
                    <div class="pro">
                        <a href="product_xq.html"><img src="images/3.jpg" /></a>
                    </div>
                    <a href="product_xq.html">
                        <p class="ccsl">盛景八方78㎡简美效果图</p>
                    </a>
                </li>
                <li>
                    <div class="pro">
                        <a href="product_xq.html"><img src="images/4.jpg" /></a>
                    </div>
                    <a href="product_xq.html">
                        <p class="ccsl">盛景八方78㎡简美效果图</p>
                    </a>
                </li>
                <li>
                    <div class="pro">
                        <a href="product_xq.html"><img src="images/5.jpg" /></a>
                    </div>
                    <a href="product_xq.html">
                        <p class="ccsl">盛景八方78㎡简美效果图</p>
                    </a>
                </li>
                <li>
                    <div class="pro">
                        <a href="product_xq.html"><img src="images/6.jpg" /></a>
                    </div>
                    <a href="product_xq.html">
                        <p class="ccsl">盛景八方78㎡简美效果图</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 公司新闻 -->
    <div class="part4">
        <div class="wow fadeInLeft L">
            <div class="titbox">
                <p class="ccsl">公司新闻</p>
                <a href="news.html">MORE</a>
            </div>
            <div class="p4_1">
                <div class="onebox">
                    <div class="l">
                        <a href="news_xq.html"><img src="images/7.jpg" /></a>
                    </div>
                    <div class="r">
                        <a href="news_xq.html" class="ccsl">装饰装修材料</a>
                        <div class="sub">镜糊类:指壁纸、墙布类装饰材料。饰里石材:大理石、预造水磨石板。釉面砖:红色、彩色、印花彩色、彩色拼图及彩色壁绘等多种。刷浆类材料:石灰浆、大白浆、色粉浆、可赛银浆等。墙饰面板:有塑料揭面板、纤维板、金属饰面板、胶合板饰面板等。
                        </div>
                    </div>
                </div>
                <ul>
                    <li>
                        <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                        <span>2019-08-12</span>
                    </li>
                    <li>
                        <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                        <span>2019-08-12</span>
                    </li>
                    <li>
                        <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                        <span>2019-08-12</span>
                    </li>
                </ul>
            </div>
            <div class="p4_2">
                <ul>
                    <li>
                        <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                        <span>2019-08-12</span>
                    </li>
                    <li>
                        <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                        <span>2019-08-12</span>
                    </li>
                    <li>
                        <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                        <span>2019-08-12</span>
                    </li>
                    <li>
                        <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                        <span>2019-08-12</span>
                    </li>
                    <li>
                        <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                        <span>2019-08-12</span>
                    </li>
                    <li>
                        <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                        <span>2019-08-12</span>
                    </li>
                    <li>
                        <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                        <span>2019-08-12</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="wow fadeInRight R">
            <div class="titbox">
                <p class="ccsl">行业动态</p>
                <a href="news.html">MORE</a>
            </div>
            <ul>
                <li>
                    <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                    <span>2019-08-12</span>
                </li>
                <li>
                    <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                    <span>2019-08-12</span>
                </li>
                <li>
                    <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                    <span>2019-08-12</span>
                </li>
                <li>
                    <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                    <span>2019-08-12</span>
                </li>
                <li>
                    <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                    <span>2019-08-12</span>
                </li>
                <li>
                    <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                    <span>2019-08-12</span>
                </li>
                <li>
                    <a href="news_xq.html" class="ccsl">装饰装修材料装饰装修材料</a>
                    <span>2019-08-12</span>
                </li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <!-- 家装案例 -->
    <div class="wow fadeInUp part5">
        <div class="contitbox">
            <h3 class="ccsl">家装案例</h3>
            <p class="ccsl">The engineering case</p>
            <span class="ccsl">河北某某家装有限公司</span>
        </div>
        <script type="text/javascript">
            //js无缝滚动代码
            function marquee(i, direction) {
                var obj = document.getElementById("marquee" + i);
                var obj1 = document.getElementById("marquee" + i + "_1");
                var obj2 = document.getElementById("marquee" + i + "_2");
                if (direction == "up") {
                    if (obj2.offsetTop - obj.scrollTop <= 0) {
                        obj.scrollTop -= (obj1.offsetHeight + 20);
                    } else {
                        var tmp = obj.scrollTop;
                        obj.scrollTop++;
                        if (obj.scrollTop == tmp) {
                            obj.scrollTop = 1;
                        }
                    }
                } else {
                    if (obj2.offsetWidth - obj.scrollLeft <= 0) {
                        obj.scrollLeft -= obj1.offsetWidth;
                    } else {
                        obj.scrollLeft++;
                    }

                }

            }

            function marqueeStart(i, direction) {
                var obj = document.getElementById("marquee" + i);
                var obj1 = document.getElementById("marquee" + i + "_1");
                var obj2 = document.getElementById("marquee" + i + "_2");
                obj2.innerHTML = obj1.innerHTML;
                var marqueeVar = window.setInterval("marquee(" + i + ", '" + direction + "')", 20);
                obj.onmouseover = function() {
                    window.clearInterval(marqueeVar);
                }
                obj.onmouseout = function() {
                    marqueeVar = window.setInterval("marquee(" + i + ", '" + direction + "')", 20);
                }
            }
        </script>
        <div id="marquee1" class="marqueeleft">
            <div style="width: 8000px;">
                <ul id="marquee1_1">
                    <li>
                        <div class="pro">
                            <a href="case_xq.html"><img src="images/1.jpg" /></a>
                        </div>
                        <a href="case_xq.html">
                            <p class="ccsl">家装案例</p>
                        </a>
                    </li>
                    <li>
                        <div class="pro">
                            <a href="case_xq.html"><img src="images/2.jpg" /></a>
                        </div>
                        <a href="case_xq.html">
                            <p class="ccsl">家装案例</p>
                        </a>
                    </li>
                    <li>
                        <div class="pro">
                            <a href="case_xq.html"><img src="images/3.jpg" /></a>
                        </div>
                        <a href="case_xq.html">
                            <p class="ccsl">家装案例</p>
                        </a>
                    </li>
                    <li>
                        <div class="pro">
                            <a href="case_xq.html"><img src="images/4.jpg" /></a>
                        </div>
                        <a href="case_xq.html">
                            <p class="ccsl">家装案例</p>
                        </a>
                    </li>
                    <li>
                        <div class="pro">
                            <a href="case_xq.html"><img src="images/5.jpg" /></a>
                        </div>
                        <a href="case_xq.html">
                            <p class="ccsl">家装案例</p>
                        </a>
                    </li>
                    <li>
                        <div class="pro">
                            <a href="case_xq.html"><img src="images/6.jpg" /></a>
                        </div>
                        <a href="case_xq.html">
                            <p class="ccsl">家装案例</p>
                        </a>
                    </li>
                    <li>
                        <div class="pro">
                            <a href="case_xq.html"><img src="images/7.jpg" /></a>
                        </div>
                        <a href="case_xq.html">
                            <p class="ccsl">家装案例</p>
                        </a>
                    </li>
                </ul>
                <ul id="marquee1_2">
                </ul>
            </div>
        </div>
        <script type="text/javascript">
            marqueeStart(1, "left");
        </script>
    </div>
    <!-- 友情链接 -->
    <div class="linksbox">
        <div class="titbox">友情链接<span>links</span></div>
        <div class="con">

        </div>
    </div>
    <!-- 底部导航栏 -->
    <div class="fnav">
        <div class="main">
            <a href="index.html">首页</a>
            <a href="about.html">关于我们</a>
            <a href="product.html">产品中心</a>
            <a href="news.html">公司动态</a>
            <a href="product.html">成功案例</a>
            <a href="news.html">行业动态</a>
            <a href="contact.html">联系我们</a>
        </div>
    </div>
    <!-- 底部盒子 -->
    <div class="footbox">
        <div class="main">
            <div class="con">装饰装修公司是集室内设计、预算、施工、材料于一体的专业化设计公司。<br /> Copyright © 河北某某家装有限公司 版权所有 技术支持</div>
        </div>
    </div>
</body>

</html>